
<script setup lang="ts">
import { ref } from 'vue';


const list =ref([1,2,3])

const add=()=>{
  list.value[1]++
}

const obj=ref({num:100})

const objadd=()=>{
  obj.value.num++
}

const aa='深恶的开发商'
const aaa=`<button>!!!</button>`
</script>

<template>
  <div class="page">
    组件
    <button @click="list[0]++">{{ list[0] }}</button>
    <button @click="add">{{ list[1] }}</button>
    <button @click="obj.num++">{{ obj.num }}</button>
    <button @click="objadd">{{ obj.num }}</button>

    <div v-text="aa"></div>

    <div v-html="aaa"></div>
  </div>
</template>

<style scoped></style>
